<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修饰符扩展案例</title>
    <script src="js/vue.js"></script>
</head>
<body>
<div id="app">
    <h1>修饰符扩展案例</h1>
    <!--只能点击一次-->
    <button v-on:click.once="onSubmit()">点击一次</button>
    <input type="text" v-on:keyup.enter="onMySubmit()"></input>
    <input type="text" v-on:keyup.down="onMySubmit()"></input>
    <input type="text" v-model.trim="count"></input>

</div>
</body>
<script>
    let vm = new Vue({
        el:"#app",
        data:{
            count:0
        },
        methods:{
            onMySubmit(){
                alert("你点击了一次");
            }

        }
    })

</script>
</html>